import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import 'ares-uikit/lib/style/base/variables.less';
import '../style/index.less';
import {
  Route,
  Router,
  IndexRedirect,
  hashHistory,
  IndexRoute,
} from 'react-router';
import Change from './template/change-background/change';
import App from './template';
import Template from './template/default-page/template';
import Compile from './template/compile-template/compile';
import Preview from './template/preview-image/preview';
ReactDOM.render(
  <Router history={hashHistory}>
    <Route path="/" component={App}>
      <IndexRoute component={Template} />
      <Route path="/qm-app-xsite/list" component={Template} />
      <Route path="/qm-app-xsite/compile/:id" component={Compile} />
      <Route path="/qm-app-xsite/change" component={Change} />
      <Route path="/qm-app-xsite/preview" component={Preview} />
    </Route>
  </Router>,
  document.getElementById('root')
);
